<template>
  <GlobalPage>
    <div class="table-box">
      <el-table :data="Data.list" style="width: 100%; font-size: 10px">
        <el-table-column type="selection" width="45" align="center">
        </el-table-column>
        <el-table-column prop="date" label="ID" width="180" />
        <el-table-column prop="date" label="类型" width="180" />
        <el-table-column prop="name" label="名称" width="180" />
        <el-table-column prop="name" label="人数" width="180" />
        <el-table-column prop="name" label="安全级别" width="180" />
        <el-table-column prop="name" label="群主" width="180" />
        <el-table-column prop="name" label="管理人员" width="180" />
        <el-table-column prop="name" label="创建时间" width="180" />
        <el-table-column prop="name" label="创建用户" width="180" />
        <el-table-column prop="name" label="内容条数" width="180" />
        <el-table-column prop="name" label="状态" width="180" fixed="right" />
        <el-table-column prop="name" label="操作" width="180" fixed="right" />
      </el-table>
    </div>
  </GlobalPage>
</template>

<script setup>
import GlobalPage from "@/components/Global-Page/Global-Page.vue";
import { ref, reactive } from "vue";

const Data = reactive({
  list: [],
});
</script>

<style scoped></style>
